<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>功能性链接</title>
</head>
<body>
  <a href="#">不合法的嵌套方式：外层-前<a href="#">不合法的嵌套方式：内层</a>不合法的嵌套方式：外层-后</a>

  <a href="javascript: alert('a link clicked');">点我执行js代码</a>
  <a href="mailto:futurer2016@outlook.com">点我发送邮件</a>
  <a href="tel:17640084253">点我拨打电话</a>
  <a download="图片名称" href="">
    点我下载淘宝图片
  </a>
</body>
</html>